<template>
	<view>
		<view class="nav-box">
			<view class="nav">
				<image class="nav-image" src="../../static/images/icons/back.svg" @click="back"></image>
				<view class="nav-title">设置</view>
				<button class="nav-button" :disabled="true" style="opacity: 0;">保存</button>
			</view>
		</view>
		<view class="card-box">
			<view class="item-box">
				<view>用户协议</view>
				<image src="../../static/images/user/to.png" mode=""></image>
			</view>
			<view class="item-box">
				<view>隐私政策</view>
				<image src="../../static/images/user/to.png" mode=""></image>
			</view>
			<view class="item-box">
				<view>隐私政策概要</view>
				<image src="../../static/images/user/to.png" mode=""></image>
			</view>
			<view class="item-box">
				<view>个人信息收集清单</view>
				<image src="../../static/images/user/to.png" mode=""></image>
			</view>
			<view class="item-box">
				<view>第三方共享个人信息</view>
				<image src="../../static/images/user/to.png" mode=""></image>
			</view>
		</view>
		<view class="card-box">
			<view class="item-box logout" @click="logout">
				<view>退出登录</view>
				<image src="../../static/images/user/to.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			back(){
				uni.navigateBack({
					url: '/pages/user/user'
				})
			},
			logout(){
				uni.clearStorageSync()
				uni.reLaunch({
					url:"/pages/index/index"
				})
			}
		}
	}
</script>

<style>
	@import url("../../static/css/base.css");
	.card-box{
		position: relative;
		background-color: #fff;
		margin: 20rpx;
		top: 180rpx;
		border-radius: 20rpx;
		z-index: 50;
	}
	.item-box{
		display: flex;
		justify-content: space-between;
		margin: 0 30rpx;
		padding-bottom: 10rpx;
		border-bottom: 1px solid #efefef;
	}
	.item-box > view{
		line-height: 100rpx;
	}
	.item-box image{
		margin-left: 5rpx;
		margin-top: 38rpx;
		height: 25rpx;
		width: 25rpx;
	}
	.logout{
		color: red;
	}
</style>
